var file= {
    init:function(){
    	/*首先渲染页面 ，其次绑定事件*/ 
    	file.makeDom();
        // 如果没有传过来的值
    },
    makeDom:function(id){
    	var domStr = "<div class='xy_nd_mbx qjf_topbor mgt10'>";
	    		domStr += '<label name="ck1" class="ckboxTb">';
					domStr += '<span class="ckboxBtn"></span>';
                    domStr += '<input type="checkbox" name="ck1" class="dis_none">';
				domStr +='</label>';
	    		domStr += '<p class="xy_nd_path">';
	    		domStr += '<a  class="f_s fsty" style="z-index: 1;">我的文档</a>';
				domStr += '</p>';
    		domStr += "</div>";
    		domStr += "<ul class='xy_nd_list qjf_nd_list y_nd_list other_list clearfix' id='lineForm'>";
    		domStr += "<li class='datalist'>";
            domStr += '<label class="notBlank"></label>';
    		domStr += '<span class="name">';
	    		domStr += '<span class="notBlank enterClick" style="cursor: pointer; float:left">';
				domStr += '<span class="wjicon"></span>';					
				domStr +='<span class="c555">';						
				domStr +='8888888';							
				domStr += '</span>';
				domStr += '</span>';
				domStr += '<em class="cmmbox dis_none">';
				domStr += '<input type="text" name="folderNameNew" value="8888888" placeholder="8888888" class="fileinp ndinp" >';		
				domStr += '<i class="r_btn" isfolder="0"></i>';			
				domStr += '<i class="d_btn" isfolder="0"></i>';				
				domStr += '</em>';
			domStr +='</span>';
			domStr +="<span class='size'>&nbsp;</span>";
			domStr += '<span class="time">2019-08-19 09:27</span>';
			domStr += '<span class="tool">';
			domStr += '<a  class="cmma notBlank rename" >重命名</a>';
			domStr += '<a  class="cmma notBlank move">移动</a>';
			domStr += '<a  class="cmma notBlank deleteOne">删除</a>';
			domStr +='</span>';
    		domStr +=  "</li>";

    		domStr += "<li>";
	    		domStr +="<label class='ckboxTb' for='checkboxOne' >";
	    		domStr +="<span class='ckboxBtn'></span>";
	    		domStr +='<input type="checkbox" name="checkboxOne" class="dis_none">';
	    		domStr += "</label>";
	    		domStr += "<span class='name'>";
	    		domStr += "<a class='image notBlank enterClick c555' target='_blank' href='##' title='222.png'>";
	    		domStr += "222.png";
	    		domStr += "</a>";
	    		domStr += '<em class="cmmbox dis_none">';
				domStr += '<input type="text" name="folderNameNew" value="222.png" placeholder="222.png" class="fileinp ndinp">';
				domStr += '<span class="folderNameOld" style="display: none;">QQ浏览器截图20190121083103.png</span>';
				domStr += '<i class="r_btn" isfolder="1"></i>';
				domStr += '<i class="d_btn" isfolder="1"></i>';
				domStr +='</em>';
	    		domStr += "</span>";
	    		domStr +="<span class='size'>3.98k</span>";
	    		domStr +="<span class='time'>2019-08-13 16:04</span>";
	    		domStr +="<span class='tool'>";
	    		domStr +="<a class='rename'>重命名</a>";
	    		domStr += "<a class='move'>移动</a>";
	    		domStr +="<em class='nd_more'>更多";
                domStr +="<i class='nd_morealink' style='width: 70px; display: none;'>";
                domStr +='<a href="javascript:;" class="cmma">发布</a>';
                domStr +='<a href="javascript:;" class="cmma">分享</a>';
                domStr +='<a href="javascript:;"  >上报</a>';
                domStr +='<a href="javascript:;"  class="nd_movebtn">移动</a>';
                domStr +='<a href="javascript:;"  name="d_lbtn" class="d_lbtn">下载</a>';
                domStr +='<a href="javascript:;"  class="nd_movebtn">取消公开</a>';
                domStr +='<a href="javascript:;" class="nd_delbtn2">删除</a>';
                domStr +="</i>";
                domStr +="</em>";
	    		domStr +="</span>"
    		domStr +="</li>";

            domStr += "<li>";
                domStr +="<label class='ckboxTb' for='checkboxOne' >";
                domStr +="<span class='ckboxBtn'></span>";
                domStr +='<input type="checkbox" name="checkboxOne" class="dis_none">';
                domStr += "</label>";
                domStr += "<span class='name'>";
                domStr += "<a class='image notBlank enterClick c555' target='_blank' href='##' title='444.png'>";
                domStr += "444.png";
                domStr += "</a>";
                domStr += '<em class="cmmbox dis_none">';
                domStr += '<input type="text" name="folderNameNew" value="444.png" placeholder="444.png" class="fileinp ndinp">';
                domStr += '<span class="folderNameOld" style="display: none;">QQ浏览器截图20190121083103.png</span>';
                domStr += '<i class="r_btn" isfolder="1"></i>';
                domStr += '<i class="d_btn" isfolder="1"></i>';
                domStr +='</em>';
                domStr += "</span>";
                domStr +="<span class='size'>3.98k</span>";
                domStr +="<span class='time'>2019-08-13 16:04</span>";
                domStr +="<span class='tool'>";
                domStr +="<a class='rename'>重命名</a>";
                domStr += "<a class='move'>移动</a>";
                domStr +="<em class='nd_more'>更多";
                domStr +="<i class='nd_morealink' style='width: 70px; display: none;'>";
                domStr +='<a href="javascript:;" class="cmma">发布</a>';
                domStr +='<a href="javascript:;" class="cmma">分享</a>';
                domStr +='<a href="javascript:;">上报</a>';
                domStr +='<a href="javascript:;" class="nd_movebtn">移动</a>';
                domStr +='<a href="javascript:;" name="d_lbtn" class="d_lbtn">下载</a>';
                domStr +='<a href="javascript:;" class="nd_movebtn">取消公开</a>';
                domStr +='<a href="javascript:;" class="nd_delbtn2">删除</a>';
                domStr +="</i>";
                domStr +="</em>";
                domStr +="</span>"
            domStr +="</li>";
    		domStr += "</ul>";
			$("#form1").append(domStr);
    	file.twoLevelClick();
        file.oneLevelClick();
    },
    oneLevelClick:function(){
        // 一级导航显示
    	$("#newBtn").on("click",function(){
            var strLI ="";
            strLI += '<li class="datalist">';
            strLI += '<label class="notBlank"></label>';
            strLI += '<span class="name">';
            strLI += '<span class="notBlank enterClick" style="cursor: pointer;" id="2e75acf748c44c9fa39ee883ef9baa57">';
            strLI += '<i class="wjicon"></i>';
            strLI += '<dfn class="c555 dis_none"></dfn>';
            strLI += '</span>';
            strLI += '<em class="cmmbox">';
            strLI += '<input type="text" name="folderNameNew" value="" placeholder="请输入文件名" class="fileinp ndinp" style="height: 14px;">';
            strLI += '<span class="folderNameOld" style="display: none;">8888888</span>';
            strLI += '<i class="r_btn" isfolder="0"></i>';
            strLI += '<i class="d_btn" isfolder="0"></i>';
            strLI += '</em>';
            strLI += '</span>';
            strLI += '<span class="size">&nbsp;</span>';
            strLI += '<span class="time">2019-08-19 09:27</span>';
            strLI += '<span class="tool">';
            strLI += '<a class="cmma notBlank rename">重命名</a>';
            strLI += '<a class="cmma notBlank move">移动</a>';
            strLI += '<a class="cmma notBlank deleteOne">删除</a>';
            strLI += '</span>';
            strLI +='</li>';
            $("#lineForm").prepend(strLI);

            $(".r_btn").on("click",function(){
                var inputShuru = $(this).siblings(".ndinp").val();
                    inputShuru=inputShuru||"新建文件夹";
                    console.log(inputShuru);
                 $(this).parents(".name").find(".c555").html(inputShuru);
                $(this).parents(".name").find(".c555").removeClass("dis_none");
                $(this).parent(".cmmbox").addClass("dis_none");
            });

            $(".d_btn").on("click",function(){
                var htmlNull = $(this).parents(".name").find(".c555").html()||"新建文件夹";
                $(this).parents(".name").find(".c555").html(htmlNull);
                $(this).parents(".name").find(".c555").removeClass("dis_none");
                $(this).parent(".cmmbox").addClass("dis_none");
            });
    	});
    	$("#publishBtn").on("click",function(){
            // 点击到了发布的这个地方了
            if( $(".ckboxBtn_on").length ===0 ){
                layer.msg('请选择需要发布的文件', {icon: 5});       
            }else if($(".ckboxBtn_on").length>0) {
                top.location.href = "http://localhost:8888/src/publishDetail.html";
            }
    	});
    	/*.upload .header .close*/
    	$(".fixkuang .header .close").on("click",function(){
    		if($(".fixkuang").css("display")=="block"){
    			$(".fixkuang").css("display","none");
    		}
    	}); 
    	/*多选点击制作*/
    	$(".moreId").on("click",function(){
    		if( $("dl.qjf_zytitdl dd").css("display") == "none"){
    			// $(this).parent("dt").siblings("dd").css("display","block");
                $("dl.qjf_zytitdl dd").css("display","block")
    		}else{
                $("dl.qjf_zytitdl dd").css("display","none")
    		}
            event.stopPropagation();
            return false;
    	});
    	$(document).on("click",function(){
    		$("dl.qjf_zytitdl dd").css("display","none")
    	});

    	// all select click
    	// bottom checkbox click
    	$(".xy_nd_list .ckboxTb span").on("click",function(){
            // console.log("点击到地下的span1111了");
    		if($(this).hasClass("ckboxBtn_on")){
    			// status click
                $(this).removeClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",false);
    		}else{
    			// status unClick
                $(this).addClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",true);
    		}
            var statusFlag = true;
            // 关联子选择
            $('.xy_nd_list .ckboxTb span').each( function(){
                if(!$(this).hasClass("ckboxBtn_on")){
                    statusFlag=false;
                }
            })
            if (statusFlag == true){
                $(".xy_nd_mbx .ckboxTb span").addClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",true);
            }else{
                $(".xy_nd_mbx .ckboxTb span").removeClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",false);
            }
    	});
        // all checkBox Click
        $(".xy_nd_mbx .ckboxTb span").on("click",function(){
            if($(this).hasClass("ckboxBtn_on")){
                $(this).removeClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",false);
            }else{
                $(this).addClass("ckboxBtn_on");
                $(this).siblings("input").prop("check",true);
            }
            var clickFlag = $(this).hasClass("ckboxBtn_on");
            $(".xy_nd_list li .ckboxBtn").each(function(){
                if (clickFlag==true){
                    $(this).addClass("ckboxBtn_on");
                    $(this).siblings("input").prop("check",true);
                }else if (clickFlag==false){
                    $(this).removeClass("ckboxBtn_on");
                    $(this).siblings("input").prop("check",false);
                }
            });
        });

        $(".deleteOne").on("click",function(){
            layer.confirm('确定要删除吗', {
              btn: ['删除','不删除'] //按钮
            }, function(){
              layer.msg('删除成功', {icon: 1});
            }, function(){

            });
        });

        $("#searchBtn").on("click",function(){
            if($(this).siblings(".qjf_ndinp").val().length===0){
                layer.msg('请输入搜索的内容', {icon: 3});
            }else{
                layer.msg('开始搜索了', {icon: 1});
            }
        });
    },
    twoLevelClick:function(){
        // all click  
        // $(".xy_nd_mbx .ckboxTb span").on("click",function(){
        //     // alert("点击到全选的按钮了");
        //     // console.log( $(this).attr("check") );
        //     // console.log( $(this).attr("checked") );

        //     console.log( $(this).hasClass("ckboxBtn_on") );
        //     $(".xy_nd_list .ckboxBtn").each(function(){

        //     });
        // });

    	// more click
        $(".xy_nd_list em.nd_more").hover(function(){
            $(this).find(".nd_morealink").css("display","block");
        },function(){
            $(this).find(".nd_morealink").css("display","none");
        });
        /*rename start*/
        $(".rename").on("click",function(){
            $(this).parents("li").find(".c555").addClass("dis_none");
            $(this).parent(".tool").parent("li").find(".cmmbox").removeClass("dis_none");
        });

        
        $(".report").on("click",function(){
            layer.msg('先加入学校才能上报', {icon: 3});
        });

        $(".publishBtn").on("click",function(){
            if( $(".ckboxBtn_on").length ===0 ){
                layer.msg('请选择需要公开的文件', {icon: 5});       
            }else if($(".ckboxBtn_on").length>0) {
                layer.confirm('确认公开后，该资源在展示空间对所有访客可见。', {
                  btn: ['确定','取消'] //按钮
                }, function(){
                  layer.msg('成功退出', {icon: 1});
                }, function(){

                });
            }
        });
        $(".move").on("click",function(){
            if( $(".ckboxBtn_on").length ===0 ){
                layer.msg('请选择要移动的文件', {icon: 5}); 
            }else if($(".ckboxBtn_on").length>0) {
                $("#moveBorder").css("display","block");
            }
        });
    
        $(".deldte").on("click",function(){
            if( $(".ckboxBtn_on").length ===0 ){
                layer.msg('请选择要删除的文件', {icon: 5}); 
            }else if($(".ckboxBtn_on").length>0) {
                layer.confirm('确定要删除这个文件吗', {
                  btn: ['确定','取消'] //按钮
                }, function(){
                  layer.msg('成功退出', {icon: 1});
                }, function(){

                });
            }
        });
        

        $(".download").on("click",function(){
            if( $(".ckboxBtn_on").length ===0 ){
                layer.msg('请选择要删除的文件', {icon: 5}); 
            }else if($(".ckboxBtn_on").length>0) {
               layer.msg('开始下载', {icon: 1});
            }
        });

        $("#moveBorder").on("click",function(){
            $("#moveBorder").css("display","none");
        });

        $(".r_btn").on("click",function(){
            var inputShuru = $(this).siblings(".ndinp").val();
                inputShuru=inputShuru||"新建文件夹";
             $(this).parents(".name").find(".c555").html(inputShuru);
            $(this).parents(".name").find(".c555").removeClass("dis_none");
            $(this).parent(".cmmbox").addClass("dis_none");
            // i love my self
        });

        $(".d_btn").on("click",function(){
            $(this).parents(".name").find(".c555").removeClass("dis_none");
            $(this).parent(".cmmbox").addClass("dis_none");
        });
        // 分享页面的内容框框
        $(".sureInput").on("click",function(){
            var parentDl=$(this).parents(".popWrap");
            if($(this).parents(".popWrap").css("display")=="block"){
                parentDl.css("display","none");
            };
        });


        //取消
        $(".cancleInput").on("click",function(){
            var parentDl=$(this).parents(".popWrap");
            if($(this).parents(".popWrap").css("display")=="block"){
                parentDl.css("display","none");
            };
        });

        // 上报点击 
    },
}
file.init();